<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>@yield('title')</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4339836_d3stqg925av.css">
    <link rel="stylesheet" href="/assets/admin/mview/css/mview.css?v={{ time() }}">
    <script src="https://file.wailian1.cn/admin/assets/js/core/jquery.3.2.1.min.js"></script>
    <script src="/assets/admin/mview/js/mview.js?v={{ time() }}"></script>
    <script src="https://file.wailian1.cn/admin/assets/moment/moment.js"></script>
    <script src="https://file.wailian1.cn/admin/assets/moment/locale/zh-cn.js"></script>
    <script src="https://ad.weikea.cn/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
    <link href="https://doyea.moreqifu.cn/assets/css/bootstrap.min.css?v=2023020316" rel="stylesheet" type="text/css"/>
    <script src="https://file.wailian1.cn/assets/js/v2/qrcode.min.js"></script>
    <link rel="stylesheet" href="/assets/admin/wap/css/beianpay.css?v={{ time() }}">
</head>
<body>
    <div class="bab-pc-cotainer">
        <div class="header">
            <div class="cotainer">
                <img src="https://bab.moreqifu.com/images/logo.png">
                <div>
                    <img src="/images/bab_pay.png">
                </div>
            </div>
        </div>

        <div class="main-back m-mt-1" style="flex-direction: column;">
            <div class="m-card m-mb-1">
                <div class="m-card-header header-bottom order-service-header">
                    小程序备案支付中心
                    <div class="left">
                        <div>{{ $corp_name }}({{ $phone }})</div>
                        <a href="https://bab.moreqifu.com/start" style="color: #007bff;margin-left: 5px;">返回修改<i class="iconfont icon-toRight-fill"></i></a>
                    </div>
                </div>
                <div>
                    <div id="payFrom" class="order-service-from">
                        <div class="left">
                            <div class="m-form-item m-col-12 m-xs-12" style="display:none;">
                                <label><b>*</b>选择企业类型:</label>
                                <div class="badge-lists" id="corpType">
                                    <ul>
                                        <li data="1" @if($corp_type == 1) class="active" @endif>企业小程序</li>
                                        <li data="2" @if($corp_type == 2) class="active" @endif>个体小程序</li>
                                        <li data="3" @if($corp_type == 3) class="active" @endif>个人小程序</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="m-form-item m-col-12 m-xs-12" style="display:none;">
                                <label><b>*</b>其他附加服务:</label>
                                <div class="badge-lists" id="serviceType">
                                    <ul>
                                        <li data="1" class="active">全流程专属客服</li>
                                        <li data="2">代备案</li>
                                        <li data="3">自助备案</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="order-price">
                                <div class="money">
                                    <span>¥</span>
                                    <p id="lastPrice">599.0</p>
                                    <span>/小程序</span>
                                </div>
                                <div class="describe"><span style="padding: 0 10px;">费用明细</span><p><d id="serviceTypeRow">小程序备案费用<font id="servicePrice">¥99</font>元。</d></p></div>
                            </div>
                            <div class="m-form-item">
                                <div class="m-btn m-btn-block m-btn-primary" onclick="pcOrderPay();" style="width:250px;">立即支付并开始备案</div>
                            </div>
                            <div class="m-info-message m-mb-1">
                                <label>支付说明:</label>
                                <ul>
                                    <li>1、小程序认证前支持退款退费；</li>
                                    <li>2、小程序备案不通过支持退还全部服务费用；</li>
                                    <li>3、小程序一次备案永久有效。</li>
                                </ul>
                            </div>
                        </div>
                        <div class="right">
                            <ul>
                                <label>备案宝服务介绍:</label>
                                <li>1、<font style="color:#007bff;">专业可靠：</font>专业团队快速解决备案中的各种疑难问题；</li>
                                <li>2、<font style="color:#007bff;">高效便捷：</font>专业备案管家协助整理材料；</li>
                                <li>3、<font style="color:#007bff;">提高效率：</font>专属备案通道提交资料助您快速过审；</li>
                                <li>4、<font style="color:#007bff;">省心省力：</font>备案管家全程托管您的备案；</li>
                                <li>5、<font style="color:#007bff;">信息安全：</font>银行及数据安全等级为您的信息安全保驾护航。</li>
                            </ul>
                        </div>
                    </div>
                    <div id="kefuFrom" class="order-service">
                        <img src="https://wework.qpic.cn/wwpic3az/383731_yuObxVW9QzCConi_1724988237/0">
                        <h3>添加备案客服经理</h3>
                        <p>扫描上方二维码添加微信客服，客服会与您及时沟通并助您完成备案。</p>
                    </div>
                </div>
        </div>

        <div class="modal fade" id="orderPayModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-service-dialog">
                <div class="modal-content modal-service-cotain modal-content-ts">
                    <div class="modal-service-body">
                        <div id="preview_qrcode"></div>
                        <p id="admin_service_text">使用微信扫码支付</p>
                        <p class="time" id="admin_service_time">二维码有效期 <font></font></p>
                        <input type="hidden" id="order_id" value="">
                        <p class="describe" id="admin_service_describe">请使用微信扫码完成支付,支付后自动完成跳转。</p>
                    </div>
                    <div class="modal-service-close">
                        <i class="iconfont icon-delete_y" onclick="closeOrderPay();"></i>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript" src="/assets/admin/js/dev/template_setting.86512.js?v={{ time() }}"></script>
        <script type="text/javascript">
            $(function() {
                lastPrice();
            });
        </script>
    </div>
</body>
</html>